<template>
<div>
      <!-- 探索横条 -->
      <div class="w-full flex items-center group mt-6">
        <div
          class="h-[1px] flex-1 bg-gradient-to-r from-transparent via-sky-400/60 dark:via-sky-600 to-transparent transition-all duration-500 group-hover:via-sky-600 dark:group-hover:via-sky-400">
        </div>
        <div class="mx-4 whitespace-nowrap flex items-center">
          <span
            class="text-sky-600 bg-sky-50 dark:bg-sky-900 dark:text-sky-200 px-3 py-1 rounded-full text-sm font-medium ring-1 ring-inset ring-sky-100 dark:ring-sky-800">
            <span class="mr-2">🔍</span>探索
          </span>
        </div>
        <div
          class="h-[1px] flex-1 bg-gradient-to-l from-transparent via-sky-400/60 dark:via-sky-600 to-transparent transition-all duration-500 group-hover:via-sky-600 dark:group-hover:via-sky-400">
        </div>
      </div>
</div>

</template>

<script setup lang="ts">
        
</script>

<style scoped>

</style>